﻿@{
    ViewBag.Title = "CommentOfProduct";
    Layout = "~/Areas/Admin/Views/Shared/_Admin.cshtml";
}


<div class="table-header">COMMENT LIST </div>
<!--/.page-header-->
<div class="row-fluid">
    <div class="span12">
        <table id="sample-table-1" class="table table-striped table-bordered table-hover">
            <div class="row-fluid">
                <div class="span6">
                    <div class="dataTables_length" id="sample-table-2_length">
                        <label>
                            Display
                            <select aria-controls="sample-table-2" size="1" name="sample-table-2_length">
                                <option selected="selected" value="10">10</option>
                                <option value="25">25</option>
                                <option value="50">50</option>
                                <option value="100">100</option>
                            </select>
                            records</label>
                    </div>
                </div>
                <div class="span6">
                    <div id="sample-table-2_filter" class="dataTables_filter">
                        <label>
                            Search:
                                                <input aria-controls="sample-table-2" type="text"></label>
                    </div>
                </div>
            </div>
            <thead>
                <tr>
                    <th class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </th>
                    <th class="hidden-480">Comment ID</th>
                    <th class="hidden-480">User ID</th>
                    <th class="hidden-480">Product ID</th>
                    <th class="hidden-480">Comment Message</th>
                    <th class="hidden-480">Rating</th>
                    <th class="hidden-480">Comment Time</th>
                </tr>
            </thead>

            <tbody>
                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">1</td>
                    <td class="hidden-480">2</td>
                    <td class="hidden-480">SP01</td>
                    <td class="hidden-480">Mình đã mua và dùng thử, sản phẩm rất okie</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2013-12-01</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">2</td>
                    <td class="hidden-480">3</td>
                    <td class="hidden-480">SP03</td>
                    <td class="hidden-480">Sản phẩm rất tốt và tiện dụng</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2013-11-22</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">3</td>
                    <td class="hidden-480">2</td>
                    <td class="hidden-480">SP02</td>
                    <td class="hidden-480">Mình đã mua và dùng thử, sản phẩm rất okie</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2013-12-12</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">4</td>
                    <td class="hidden-480">8</td>
                    <td class="hidden-480">SP04</td>
                    <td class="hidden-480">Mình đã mua và dùng thử, sản phẩm tạm được</td>
                    <td class="hidden-480">4</td>
                    <td class="hidden-480">2014-01-03</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">SP02</td>
                    <td class="hidden-480">Sản phẩm không như mong muốn</td>
                    <td class="hidden-480">2</td>
                    <td class="hidden-480">2013-12-01</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">6</td>
                    <td class="hidden-480">3</td>
                    <td class="hidden-480">SP09</td>
                    <td class="hidden-480">Cũng tạm ổn</td>
                    <td class="hidden-480">4</td>
                    <td class="hidden-480">2013-12-23</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">7</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">SP06</td>
                    <td class="hidden-480">Mình đã mua và thấy sản phẩm rất tốt</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2014-01-05</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">8</td>
                    <td class="hidden-480">6</td>
                    <td class="hidden-480">SP07</td>
                    <td class="hidden-480">Khá hài lòng về sản phẩm này</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2013-12-30</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>

                <tr>
                    <td class="center">
                        <label>
                            <input type="checkbox">
                            <span class="lbl"></span>
                        </label>
                    </td>
                    <td class="hidden-480">9</td>
                    <td class="hidden-480">8</td>
                    <td class="hidden-480">SP10</td>
                    <td class="hidden-480">hi. thấy sản phẩm bán khá chạy và chất lượng cũng tốt</td>
                    <td class="hidden-480">5</td>
                    <td class="hidden-480">2013-01-09</td>
                    <td>
                        <div class="hidden-phone visible-desktop btn-group">
                            <button class="btn btn-mini btn-success">
                                <i class="icon-ok bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-info">
                                <i class="icon-edit bigger-120"></i>
                            </button>

                            <button class="btn btn-mini btn-danger">
                                <i class="icon-trash bigger-120"></i>
                            </button>
                        </div>

                    </td>
                </tr>
            </tbody>
        </table>
        <div class="row-fluid">
            <div class="span6">
                <div id="sample-table-2_info" class="dataTables_info">Showing 1 to 10 of 23 entries</div>
            </div>
            <div class="span6">
                <div class="dataTables_paginate paging_bootstrap pagination">
                    <ul>
                        <li class="prev disabled"><a href="#"><i class="icon-double-angle-left"></i></a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li class="next"><a href="#"><i class="icon-double-angle-right"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!--/span-->
</div>
@* @RenderBody()*@
</div>